<div id="porlet_1"></div>
<div id="porlet_2">
  <div class="porlet_2"><b><a href="#">
    <!-- NAME -->
    PHÒNG MÁY
    <!-- END - NAME-->
  </a></b>
  </div>
</div>
<div id="porlet_3"></div>
<div id="porlet_4">
  <div class="porlet_4">&nbsp;</div>
</div>
<div id="porlet_5"></div>
<div style="clear:left"></div>
<div class="main_porlet">
  <!-- CONTENT -->
  <!-- SEARCH -->
  <% form_tag phongs_path, :method => 'get' do %>
    <p style="padding: 15px; text-align: right;" class="form_item">
      <input id="search1" name="search" type="text" value="<%= params[:search] %>">
      <%= submit_tag "Tìm kiếm", :class => "g-button g-button-submit"%>
      <%= button_tag "Tất cả", :class => "g-button", :name => "search" %>
    </p>
  <% end %>
  <!-- END - SEARCH -->
      <br style="clear:both;"/>
  <!-- Table -->
  <div class="datagrid">
    <table>
      <thead style="text-align: center;">
      <tr>
        <th>Mã phòng</th>
        <th>Tên phòng</th>
        <th colspan="3">Chức Năng</th>
      </tr>
      </thead>
      <!-- Nếu tìm thấy mới hiển thị phân trang -->
      <% unless @phongs.empty? then %>
      <tfoot>
      <tr>
        <td colspan="5">
          <div id="paging">
            <ul>
              <%= will_paginate @phongs, :container => false %>
            </ul>
          </div>
          <script>
              document.getElementsByClassName("previous_page")[0].innerText = "Trước";
              document.getElementsByClassName("next_page")[0].innerText = "Sau";
          </script>
      </tr>
      </tfoot>
      <!-- End - Nếu tìm thấy mới hiển thị phân trang -->
      <% end %>
      <tbody>
      <!-- Nếu không tìm thấy thì xuất thông báo -->
      <% if @phongs.empty? then %>
      <tr>
        <td colspan="3" style="text-align: center; color:#ff0000; font-weight:bold;">Không tìm thấy!</td>
      </tr>
      <% end %>
      <!-- End - Nếu không tìm thấy thì xuất thông báo -->
      <% @phongs.each_with_index do |phong, i| %>
          <tr <%= "class='alt'" if i%2==1 %>>
            <td><%= phong.MaPhong %></td>
            <td><%= phong.TenPhongg %></td>
            <td><%= link_to 'Xem', phong %></td>
            <td><%= link_to 'Sửa', edit_phong_path(phong) %></td>
            <td><%= link_to 'Xóa', phong, confirm: 'Bạn có muốn xóa không?', method: :delete %></td>
          </tr>
      <% end %>
      </tbody>
    </table>
  </div>
  <!-- End - Table -->
  <br style="clear:both;"/>

  <div style="clear:both;"></div>
  <!-- END - CONTENT -->
</div>